/**
Copyright 2015 The Cockroach Authors.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied. See the License for the specific language governing
permissions and limitations under the License.

Author: Matt Tracy (matt@cockroachlabs.com)
*/

// These colors are specified by the Cockroach UI-Kit designs.

// Main colors
$main-green = #7DBC42 // Main Highlight color, Status: Active
$main-navy  = #151F34 // Main Highlight color, Main Headers

// Main navigation colors
$main-dark-gray = #595F6C // Main Navigation Rollover
$main-gray      = #9F9F9F // Main Navigation

// Secondary colors
$secondary-gold   = #F2BE2C // Status: Idle, Chart Color
$secondary-salmon = #F16969 // Status: Inactive, Chart Color
$secondary-blue   = #4E9FD1 // Text Link, Chart Color
$secondary-teal   = #47E2AA // Chart Color
$secondary-purple = #D77FBF // Chart Color

$secondary-red    = #ED7785 // Status: Missing/Error

// Secondary nav colors
$secondary-slate-gray = #7C8495 // Secondary Navigation
$secondary-light-gray = #A6A6B2 // Secondary Headers

// These colors weren't specified in the original UI-kit,
// but were present in the design.

// TODO: Discuss with designer to see if any can/should
// be replaced by the primary/secondary palette colors.

$secondary-gray-1  = #D1D1D1 // navbar/topbar borders
$secondary-gray-2  = #C7C7D0 // last updated color
$secondary-gray-3  = #E7EBF1 // subnav background
$secondary-gray-4  = #F2F4F7 // main background, help-us header bg
$secondary-gray-5  = #DDDDDD // viz info icon
$secondary-gray-6  = #5F6C87 // table headers
$secondary-gray-7  = #F5F6F7 // table alt color
$secondary-gray-8  = #E3E3E3 // table border, hr
$secondary-gray-9  = #BEBECC // banner/modal close icon
$secondary-gray-10 = #A7A7B3 // table timestamp color
$secondary-gray-11 = #5D5D5D // skull icon background
$secondary-gray-12 = #ECECEC // cancel button background
$secondary-gray-13 = #8D8D8D // cancel button foreground
$secondary-gray-14 = #D6D6D6 // cancel button hover

$secondary-green-1 = #66AA26 // subnav active

$secondary-red-2  = #AA3737 // invalid form element border
$secondary-red-3  = #D0021B // invalid form element text
$secondary-red-4  = #BC2424 // invalid form element warning

$secondary-blue-2 = #317DAB // submit button hover

$secondary-gold-2 = #ECB51A // banner opt-in button hover

